{*<script type="text/javascript" src="/res/js/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="/res/js/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="../highslide/highslide-ie6.css" />
<![endif]-->



<!--
    2) Optionally override the settings defined at the top
    of the highslide.js file. The parameter hs.graphicsDir is important!
-->
{literal}
<script type="text/javascript">
	hs.graphicsDir = '/res/js/highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.dimmingOpacity = 0.8;
	hs.outlineType = 'rounded-white';
	hs.captionEval = 'this.alt';
	hs.marginBottom = 105 // make room for the thumbstrip and the controls
	hs.numberPosition = 'caption';

	// Add the slideshow providing the controlbar and the thumbstrip
	hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		overlayOptions: {
			className: 'text-controls',
			position: 'bottom center',
			relativeTo: 'viewport',
			offsetY: -60

		},
		thumbstrip: {
			position: 'bottom center',
			mode: 'horizontal',
			relativeTo: 'viewport'
		}
	});
</script>
{/literal}
*}
{if $cat.video}
<object height="400" width="800" data="/res/img/category/{$cat.video}" type="application/x-shockwave-flash"><param value="/res/img/category/{$cat.video}" name="movie"/><param value="high" name="quality"/><param value="transparent" name="wmode"/><param value="#ffffff" name="bgcolor"/>
</object>
{/if}
<div id="category">
{if $category}
<h1>Категории</h1>
<br style="clear: both;">
{foreach from=$category item=doc}
<div class="cat_image">
	<div>
		<a href="/category/view/{$doc.id}.html"><img src="/res/img/category/{$doc.thumb}" /></a>
	</div>
		<a href="/category/view/{$doc.id}.html">{$doc.name}</a>
</div>
{/foreach}
<br style="clear: both;"><br style="clear: both;">
{/if}

<br style="clear: both;">
	{foreach from=$photos item=doc}
	<div class="cat_image">
		<div>
			<a href="/photo/{$cat.id}/{$doc.id}.html"><img src="{$doc.thumb}" width="120px" height="100px"/></a>
		</div>
	</div>
	{/foreach}
</div>
<br style="clear: both;">